<h3>Top Heroes</h3>
<div class="grid grid-pad">
  <a *ngFor="let hero of heros" class="col-1-4" routerLink="/detail/{{hero.id}}">
    <div class="module hero">
      <h4>{{hero.name}}</h4>
    </div>
  </a>
</div>

<app-ad-banner [ads]="ads"></app-ad-banner>

<h2>attri direct</h2>
<input [(ngModel)]="color" >
<input [appHighlight]="color" defaultColor="violet" [(ngModel)]="filed1">
<h2>structure direct</h2>

<ng-template [appUnless]="false">
  <p>
    hello p of ng-template
  </p>
</ng-template>

<p *appUnless="false" >
    (A) This paragraph is displayed because the condition is false.
</p>
<app-hero-search (onVoted)="vt($event)" [childFiled]="filed1" ></app-hero-search>

